<template>
  <div>
    <ElTable :data="tableData" height="495" class="abc" style="width: 100%">
      <ElTableColumn prop="index" label="#" width="180" />
      <ElTableColumn prop="song" label="歌曲" width="180" />
      <ElTableColumn prop="singer" label="歌手" />
      <ElTableColumn prop="album" label="专辑" />
      <ElTableColumn prop="time" label="时长" />
    </ElTable>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "songList",
});
</script>
<script lang="ts" setup>
import { ref } from "vue";
import { ElTable, ElTableColumn } from "element-plus";
const tableData = ref([
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
  {
    index: "2016-05-03",
    song: "Tom",
    singer: "No. 189, Grove St, Los Angeles",
    album: "No. 189, Grove St, Los Angeles",
    time: "00.00",
  },
]);
</script>
<style >
</style>